<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职位详情 - 广东八灵科技发展有限公司</title>
    <link rel="stylesheet" href="assets/vendor/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/detail.css">
    <script src="assets/vendor/bootstrap/bootstrap.bundle.min.js"></script>
    <script src="assets/js/components.js"></script>

</head>
<body>
    <!-- 导航栏占位符 -->
    <div id="navbar-placeholder"></div>
    
    <!-- 职位详情内容 -->
    <div class="container job-detail-container">
        <h1 class="job-detail-title">高级前端开发工程师-广州</h1>
        <div class="job-detail-tags">
            <span>Java</span> | 
            <span>CSS</span> | 
            <span>HTML5</span> | 
            <span>JavaScript</span> | 
            <span>5-10年工作经验</span> | 
            <span>更新于2025年03月01日</span>
        </div>
        
        <div class="job-detail-section">
            <h3>岗位职责</h3>
            <ul>
                <li>负责公司产品的前端架构设计和开发，确保系统的可用性和性能表现。</li>
                <li>负责公司前端技术选型和框架搭建，参与产品需求分析和技术方案设计。</li>
                <li>参与前端架构的优化，提升用户体验，确保产品具有良好的用户操作体验。</li>
                <li>持续优化前端架构，提升开发效率。</li>
                <li>关注前沿技术发展趋势，探索可用于公司产品的新技术。</li>
            </ul>
        </div>
        
        <div class="job-detail-section">
            <h3>岗位要求</h3>
            <ul>
                <li>本科及以上学历，计算机相关专业。</li>
                <li>熟练掌握前端开发技术，精通HTML5/CSS3、JavaScript。</li>
                <li>熟悉主流前端框架(React、Vue.js、Angular等)中至少一种并有实际项目经验，了解其内部实现原理。</li>
                <li>具备良好的代码风格和编程习惯，熟悉前端模块化、组件化开发方式。</li>
                <li>有创造力和责任感，具备良好的沟通能力和团队协作精神。</li>
            </ul>
        </div>
        
        <div class="job-detail-buttons">
            <button class="apply-btn">申请职位</button>
            <button class="share-btn">分享职位</button>
        </div>
    </div>

    <!-- 页脚占位符 -->
    <div id="footer-placeholder"></div>
    
    <script>
        // 加载组件
        document.addEventListener('DOMContentLoaded', function() {
            loadComponents();
        });
    </script>
</body>
</html>